<template>
  <component :is="currentComponent"></component>
</template>

<script setup>
import { ref, watch, onMounted, computed } from 'vue'
import { useTitleStore } from '@/store/title'
import { storeToRefs } from 'pinia'
import { cdConfig } from './layComponents/index.js'
const store = useTitleStore()
const { activeTitle } = storeToRefs(store)
const currentComponent = computed(() => cdConfig[activeTitle.value])

</script>

<style lang="less" scoped>

</style>